import "./index.css";
import React from "react";
import GxlTableHeaderRow from './Row'
class GxlTableHeader extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      selectedCell:undefined,
    };
  }
  render() {
    return (
      <div className="gxl-table-header">
        <div className="gxl-table-header-lefter">
          <div className="gxl-table-header-lefter-selected-cell">
            <input className="gxl-table-selected-cell-input" type="text" value={this.state.selectedCell}></input>
          </div>
          <div className="gxl-table-header-lefter-corner"></div>
        </div>
        <GxlTableHeaderRow cols={this.props.cols}/>
      </div>
    );
  }
}
export default GxlTableHeader;
